<template>
	<div class="city-header">
		<router-link to='/'>
			<div class="back-icon">
				<span class="iconfont header-back-icon">&#xe624;</span>
			</div>
		</router-link>
		
		<div class="header-name">
			城市列表
		</div>
	</div>
</template>

<script>
	export default {
		name:'cityHeader'
	}
</script>

<style lang="scss" scoped>
	@import 'styles/varible';
	.city-header {
		height: $headerHeight;
		line-height: $headerHeight;
		background-color: $bgColor;
		color:#fff;
		display: flex;
		.back-icon {
			float: left;
			width: .64rem;
			text-align: center;
			color: #fff;
		}
		.header-name {
			flex:1;
			text-align: center;
			font-size:.32rem;
		}
	}
</style>